<template>
    <div class="out-div">
        <div>
            <p><i style="color:red" :class="tips.icon"></i> <span style="margin-left:20px">{{tips.name}}</span></p>
        </div>
        <div>
             <div class="tree-menu">
                <ul v-for="(item,k) in data" :key="k">
                    <c-tree-item :data="item"></c-tree-item>
                </ul>
            </div>
        </div>
    </div>
</template>

<script>

import cTreeItem from './tree-item'
export default {
    props: {
        data: {
            type: [Object, Array],
            required: true
        },
        tips:{
            type:Object,
            required: true
        }
    },
    components: {
        cTreeItem
    }
}
</script>

<style rel="stylesheet/scss"  scoped>


</style>
